<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="../Templates/templateLeft.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui" 
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:c="http://java.sun.com/jsp/jstl/core">
    <ui:define name="content">
        <p:panel header="Registrar Venta">
            <center>

                <p:tabView>
                    <p:tab title="Cliente">
                        <h:panelGrid columns="3" cellpadding="5">

                            <h:outputText value="Identificación" />
                            <p:inputText value="#{facturaBean.identificacion}" />
                            <p:commandButton value="Buscar" actionListener="#{facturaBean.find()}" />

                            <h:outputText value = "Nombre:" />
                            <p:inputText disabled= "true" value="${facturaBean.cliente.nombre}" />
                            <h:outputText value = "" />    

                            <h:outputText value="Apellido" />
                            <p:inputText disabled="true" value="${facturaBean.cliente.apellido}" />
                            <h:outputText value="" />   

                            <!--<p:commandButton value="Seleccionar" onclick="Venta" />-->

                        </h:panelGrid>
                    </p:tab>

                    <p:tab title="Venta">
                        <h:panelGrid columns="3" cellpadding="5">

                            <h:outputText value="Codigo:" />
                            <p:inputText value="#{facturaBean.codigoProducto}" />
                            <h:outputText value="" />

                            <h:outputText value="Cantidad" />
                            <p:inputText />
                            <p:commandButton value="Buscar" actionListener="#{facturaBean.find}" />

                            <h:outputText value="Nombre:" />
                            <p:inputText disabled="true" value="${facturaBean.producto.descripcion}" />
                            <h:outputText value="" />

                            <h:outputText value="Precio" />
                            <p:inputText disabled="true" value="${facturaBean.precio}" />
                            <h:outputText value="" />

                            <p:commandButton value="Agregar" />
                        </h:panelGrid>


                        <h:form>
                            <p:dataTable var="productos">
                                <p:column headerText="Nombre"></p:column>
                                <p:column headerText="Precio"></p:column>
                                <p:column headerText="Cantidad"></p:column>
                            </p:dataTable>
                        </h:form>


                        <h:panelGrid columns="2" cellpadding="5">
                            <p:commandButton value="Registrar Venta" />
                            <p:commandButton value="Cancelar" />
                        </h:panelGrid>

                    </p:tab>
                </p:tabView>
            </center>

        </p:panel>

    </ui:define>
</ui:composition>
